<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>Pilot 04</title>
  <link rel="stylesheet" href="css/004.css" type="text/css" />
  <script type="text/javascript" src="lib/jquery-1.3.2.min.js"></script>
  <script type="text/javascript">
    $(document).ready(function() {
      $("#greenlist > li:last").hover(function() {
        $(this).addClass("green");
      },function() {
        $(this).removeClass("green");
        });
      });
  </script>
</head>
<body>
  <!-- we will add our HTML content here -->
  <ul id="greenlist">
    <li>not green</li>
    <li>not green</li>
    <li>green</li>
</body>
</html>
